function Renderable(){}

Renderable.prototype = {
    $initRenderable: function (id){
        this._id = id || Utils.guid(this);
    },
    $id: function (name){
        return this._id + (name ? '_' + name : '');
    },
    $elm: function (name){
        return document.getElementById(this.$id(name));
    },
    render: function (holder){
        DOMUtils.fromHTML(this.$renderHTML(), holder, 3);
        this.$postRender();
    },
    isRendered: function (){
        return this.$elm() != null;
    },
    $renderHTML: function (){
        return Utils.format('<span id="#{id}"></span>', { id: this.$id() });
    },
    $postRender: function (){
        
    },
    $freeRenderable: function (){
        
    }
};